/* === v-breadcrumb === */

.v-breadcrumb {
  font-size:13px;
  line-height: 1;
  .utils-clearfix;
  &__separator {
    margin: 0 8px;
    color: @extra-light-silver;
  }
  &__item {
    float: left;
    &__inner {
      &, a {
        transition: color .15s linear;
        color: @extra-light-black;

        &:hover {
          color: @color-primary;
          cursor: pointer;
        }
      }
    }
    &:last-child {
      .v-breadcrumb__item__inner,
      .v-breadcrumb__item__inner a {
        &, &:hover {
          color: @light-silver;
          cursor: text;
        }
      }
      .v-breadcrumb__separator {
        display: none;
      }
    }
  }
}
